<template>
    <div>
        <van-nav-bar title="首页" left-text="返回" left-arrow @click-left="onClickLeft" />
        <van-tabs v-model:active="active">
            <van-tab title="正在热映"></van-tab>
            <van-tab title="即将上映"></van-tab>
        </van-tabs>
        <div class="bth">
            <van-card desc="观众评分  7.6" title="逆行人生" time="中国大陆|121分钟"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
        </div>
        <div class="bth">
            <van-card desc="观众评分  7.2" title="抓娃娃" time="中国大陆|121分钟"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
        </div>
        <div class="bth">
            <van-card desc="观众评分  7.6" title="白蛇：浮生 2D" time="中国大陆|121分钟"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
        </div>
        <div class="bth">
            <van-card desc="观众评分  7.2" title="名侦探柯南:百万美元..." time="中国大陆|121分钟"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
        </div>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.bth {
    width: 280px;
    height: 90px;
}
</style>